// 颜色变量
:root {
  // 主题颜色
  --primary-color: #1989fa;
  --success-color: #07c160;
  --danger-color: #ee0a24;
  --warning-color: #ff976a;
  
  // 文本颜色
  --text-color: #323233;
  --text-color-light: #646566;
  --text-color-lighter: #969799;
  
  // 背景颜色
  --background-color: #f5f5f5;
  --background-color-light: #f7f8fa;
  --card-background: #ffffff;
  
  // 边框颜色
  --border-color: #ebedf0;
  
  // 尺寸变量
  --border-radius: 8px;
  --border-radius-sm: 4px;
  --border-radius-lg: 12px;
  
  // 阴影
  --box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  --box-shadow-light: 0 2px 8px rgba(0, 0, 0, 0.05);
  
  // 布局
  --max-content-width: 800px;
  --header-height: 44px;
  --footer-height: 50px;
  --page-padding: 16px;
  
  // 字体大小
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  
  // 字体粗细
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  
  // 动画
  --transition-duration: 0.3s;
  --transition-timing-function: ease;
}

// 渐变色
$gradient-primary: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
$gradient-success: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%);
$gradient-warning: linear-gradient(135deg, #ffd700, #ff8c00);
$gradient-danger: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);
$gradient-purple: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);